<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Together</title>
</head>
<body>
	<%@include file="header.jsp"%>
	<script>
		//initialization
		$(function() {
			$("#picker").datepicker({
				showOn : "button",
				buttonImage : "img/glyphicons_045_calendar.png",
				buttonImageOnly : true,
				minDate: 0
			});
			//default is a private activity
			$('#private').button('toggle');
		});
	</script>
	<div class="container">

		<div class="row">
			<div class="offset1">
				<input type="text" class="span6" placeholder="活動名稱" style="font-size:22px;height:38px"/>
			</div>
		</div>
		<div class="row">
			<div class="offset1">
				<textarea class="span6" rows="10" cols="20" placeholder="聚會活動內容描述"></textarea>
			</div>
		</div>
		<div class="row">
			<div class="span6 offset1" id="datepicker"></div>
			<input type="text" class="offset1" id="picker"/>
		</div>
		<div class="row">
			<br />
		</div>
		<div class="row">
			<div class="offset5 span1 ">
				<button id="addButton" class="btn-large btn-primary">Add</button>
			</div>
		</div>		 
		<br/>
		<div class="row">
			<div class="offset1">
				<p>
					<a class="btn btn-success" href="attendee.jsp">下一步</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>